html{height: 100%}
body{margin: 0;height: 100%;}
canvas{display: block;width: 100%;height: 90%}
/*nav*/
body{background-color: black}
.mdui-appbar{
    padding-top:30px;
    color: #fff;
}
.mdui-toolbar.mdui-color-theme {
    position: relative;
}
.mdui-fab-wrapper {
    position: absolute!important;
    right: 74px;
    bottom: 9px;
}
.mdui-fab-wrapper .mdui-fab-dial {
    right: 0;
    top: 64px;
    left: 0;
 }
.mdui-toolbar>*{overflow: inherit}
.mdui-fab-wrapper .mdui-fab-dial .mdui-fab{display: block;right: 30px}
.nav .mdui-fab-mini {
    width: 120px;
    font-size: 14px;
    box-shadow: none;
    /*height: 20px;*/
    /*min-height: 20px;*/
}
.nav .mdui-list-item.mdui-ripple:hover{
    color: aqua;
    transition: color .5s;
    font-size: 16px;
}
.list-content{
    height: 800px;
    background-color: #6C7A89;
    position: absolute;
    top:200px;
    left: 50%;
    transform:translateX(-50%);
}